<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <script src="__STATIC__/js/base.js"></script>
    <title>订单详情</title>
    <link rel="stylesheet" href="__STATIC__/css/base.css">
    <link rel="stylesheet" href="__STATIC__/css/orderlist.css">
    <script src="__STATIC__/js/jquery-1.11.1.min.js"></script>
</head>
<body >
<section class="wrap" >
    <div class="order-info-all">
        <!--****待评价*******-->
         <div class="width-90 ">
            <ul>
                <!--待付款-->
                <li class="order-info-content-1 clearfix order-info-unpay">
                    <div class="pull-left">
                        <span>待付款</span>
                        <span class="base-color-999">您还有<label class="base-color">48小时</label>进行付款，若未及时付款，系 统将自动取消订单。</span>
                    </div>
                    <div class="pull-right"><img src="__STATIC__/images/order-info-unpay.png"></div>
                </li>
                <!--待评价-->
                <!--<li class="order-info-content-1 clearfix order-info-uncomment">-->
                <!--<div class="pull-left">-->
                <!--<span>待评价</span>-->
                <!--<span class="base-color-999">请您对此订单做出评价。</span>-->
                <!--</div>-->
                <!--<div class="pull-right"><img src="images/order-info-uncomment.png"></div>-->
                <!--</li>-->
                <!--待确认-->
                <!--<li class="order-info-content-1 clearfix order-info-unconfirm">-->
                <!--<div class="pull-left">-->
                <!--<span>待确认</span>-->
                <!--<span class="base-color-999">您还有<label class="base-color">7天</label>时间来确认订单完成，超时系统自动确认完成。</span>-->
                <!--</div>-->
                <!--<div class="pull-right"><img src="images/order-info-unconfirm.png"></div>-->
                <!--</li>-->
                <!--已取消-->
                <!--<li class="order-info-content-1 clearfix order-info-canceled">-->
                <!--<div class="pull-left">-->
                <!--<span>已取消</span>-->
                <!--<span class="base-color-999">您已取消此订单。</span>-->
                <!--</div>-->
                <!--<div class="pull-right"><img src="images/order-info-canceled.png"></div>-->
                <!--</li>-->
                <!--已完成-->
                <!--<li class="order-info-content-1 clearfix order-info-finished">-->
                <!--<div class="pull-left">-->
                <!--<span>已完成</span>-->
                <!--<span class="base-color-999">订单交易已完成</span>-->
                <!--</div>-->
                <!--<div class="pull-right"><img src="images/order-info-finished.png"></div>-->
                <!--</li>-->
                <li class="bar_20 padding-top-0"></li>
                <li class="order-info-content-2 clearfix">
                    <div class="pull-left"><img src="__STATIC__/images/oeder-info-adress.png"></div>
                    <div class="pull-left">
                        <span>王小乖  <lable  style="padding-left:  0.59733333rem;;">132****1475</lable></span>
                        <span class="base-color-999">地址：北京市丰台区首科大厦123室</span>
                    </div>
                </li>
                <li class="bar_20 padding-top-0"></li>
                <li class="order-info-content-3">
                    <div class="clearfix">
                        <span class="pull-left">注册内资公司</span>
                        <!--待付款-->
                        <span class="pull-right base-color order-info-unpay">待付款</span>
                        <!--待评价-->
                        <!--<span class="pull-right base-color order-info-uncomment">待评价</span>-->
                        <!--待确认-->
                        <!--<span class="pull-right base-color order-info-unconfirm">待确认</span>-->
                        <!--已取消-->
                        <!--<span class="pull-right base-color order-info-canceled">已取消</span>-->
                        <!--已完成-->
                        <!--<span class="pull-right base-color order-info-finished">已完成</span>-->

                    </div>
                    <div class="clearfix ">
                        <span class="pull-left base-color-999 ">北京市朝阳区</span>
                        <span class="pull-left base-color-999 mar_left_12">¥3900.00</span>
                        <span class="pull-left base-color-999 mar_left_12">x1</span>
                    </div>
                    <div class="clearfix">
                        <span class="pull-left"><lable class="base-color-999">优惠：</lable>0元</span>
                        <span class="pull-right"><lable class="base-color-999">实付：</lable>3900.00元</span>
                    </div>
                </li>
                <li class="bar_20 padding-top-0"></li>
                <li class="order-info-content-4">
                    <div class="mar_bottom_10 base-color-999">订单编号：30170913134578152</div>
                    <div class="base-color-999">下单时间：2017-09-23  13:05:54</div>
                </li>
            </ul>
        </div>
    </div>
    <div class="foot order-info-foot" >
        <div>企业宝</div>
        <div>客服电话：<?php echo getServiceTel();?></div>
    </div>
    <div class="clearfix order_status_change order-info-status-change">
        <!--****待付款*******-->
        <div class="order-info-unpay" id="55">
           <label class="pull-right active pay">立即支付</label>
           <label class="pull-right do-cancle">取消订单</label>
           <label class="pull-right delete-order">删除订单</label>
        </div>
        <!--****待评价*******-->
        <!--<div class="order-info-uncomment" id="44">-->
            <!--<label class="pull-right active do-comment">评价</label>-->
            <!--<label class="pull-right buy-two">再次购买</label>-->
            <!--<label class="pull-right delete-order">删除订单</label>-->
        <!--</div>-->
        <!--&lt;!&ndash;****待确认*******&ndash;&gt;-->
        <!--<div class="order-info-unconfirm" id="333">-->
            <!--<label class="pull-right active do-confirm">确认完成</label>-->
            <!--<label class="pull-right">申请退款</label>-->
            <!--<label class="pull-right delete-order">删除订单</label>-->
        <!--</div>-->
        <!--&lt;!&ndash;****已取消*******&ndash;&gt;-->
        <!--<div class="order-info-canceled" id="22">-->
            <!--<label class="pull-right active buy-two">再次购买</label>-->
            <!--<label class="pull-right delete-order">删除订单</label>-->
        <!--</div>-->
        <!--&lt;!&ndash;****已完成*******&ndash;&gt;-->
        <!--<div class="order-info-finished " id="11">-->
            <!--<label class="pull-right active buy-two">再次购买</label>-->
            <!--<label class="pull-right delete-order">删除订单</label>-->
        <!--</div>-->
    </div>
</section>
<script>
    $(function(){
       $('.order-info-status-change div label').on('click',function(){
           $(this).parent().children().removeClass('active');
           $(this).addClass('active');
           var id = $(this).parent().attr('id');
           $(this).addClass('active');
           alert('您选中'+id);
           if( $(this).hasClass('delete-order')){
               alert('删除订单');
           }
           if( $(this).hasClass('do-comment')){
               alert('评论');
           }
           if( $(this).hasClass('buy-two')){
               alert('再次购买');
           }
           if( $(this).hasClass('do-confirm')){
               alert('确认完成');
           }
           if( $(this).hasClass('do-cancle')){
               alert('取消订单');
           }
           if( $(this).hasClass('pay')){
               window.location.href='selectPay.html';
           }
       });
    });
</script>
</body>
</html>